<template>
    <div class="reportpage">
        <div class="label fw600">标签设置</div>
        <div class="tip">说明：AI 将根据与客户的聊天记录进行分析，并自动给客户打标签</div>
        <div class="flex margin20">
            <!-- <el-radio v-model="radio" label="1">自定义标签分类</el-radio> -->
            <el-radio v-model="radio" label="2">AI 自动标签</el-radio>
        </div>

        <div class="margin20">
            <div class="tagVue flex align_center margin20">
                <span style="padding-right: 20px;">购买意向</span>
                <el-tag type="info">高意向</el-tag>
                <el-tag type="info">中意向</el-tag>
                <el-tag type="info">低意向</el-tag>
            </div>
            <div class="tagVue flex align_center margin20">
                <span style="padding-right: 20px;">产品需求</span>
                <el-tag type="info">了解产品详情</el-tag>
                <el-tag type="info">询问价格</el-tag>
                <el-tag type="info">询问使用方法</el-tag>
                <el-tag type="info">询问发货时间</el-tag>
                <el-tag type="info">询问售后服务</el-tag>
            </div>
            <div class="tagVue flex align_center margin20">
                <span style="padding-right: 20px;">满意程度</span>
                <el-tag type="info">非常满意</el-tag>
                <el-tag type="info">满意</el-tag>
                <el-tag type="info">一般</el-tag>
                <el-tag type="info">不满意</el-tag>
                <el-tag type="info">非常不满意</el-tag>
            </div>
            <div class="tagVue flex align_center margin20">
                <span style="padding-right: 20px;">常见问题</span>
                <el-tag type="info">产品质量</el-tag>
                <el-tag type="info">发货时间</el-tag>
                <el-tag type="info">售后服务</el-tag>
                <el-tag type="info">使用问题</el-tag>
                <el-tag type="info">价格问题</el-tag>
            </div>
            <div class="tagVue flex align_center margin20">
                <span style="padding-right: 20px;">用户类型</span>
                <el-tag type="info">新客户</el-tag>
                <el-tag type="info">忠实客户</el-tag>
            </div>
            <div class="tagVue flex align_center margin20">
                <span style="padding-right: 20px;">客户状态</span>
                <el-tag type="info">活跃</el-tag>
                <el-tag type="info">潜在</el-tag>
                <el-tag type="info">流失</el-tag>
            </div>
        </div>

        <div class="label fw600" style="margin-top: 30px;">AI 总结设置</div>
        <div class="tip">说明：AI 将根据与客户的聊天记录进行分析，并总结归纳</div>
        <!-- <div class="flex margin20">
            <el-radio v-model="radio20" label="1">自动归纳总结</el-radio>
            <el-radio v-model="radio20" label="2">自定义归纳规则</el-radio>
        </div>
         <div class="margin20" v-if="radio20==2">
            <textarea placeholder="请输入您希望对聊天内容总结的维度和规则"></textarea>
            <div class="btn" style="margin: 20px 0 0 0;">确定</div>
        </div> -->
    </div>
</template>

<script>
export default {
    data(){
        return {
            radio: "2",
            radio20: "1",
            prologue: "",
        }
    }
}
</script>

<style lang="less" scoped>
:deep(.el-radio__input.is-checked .el-radio__inner) {
    border-color: #0147fd;
    background: #0147fd;
}
:deep(.el-radio__input.is-checked+.el-radio__label) {
    color: #0147fd;
}
:deep(.el-tag--info) {
    margin-right: 10px;
}
.reportpage {
    width: 100%;
    height: 100%;
     padding: 20px;
    .tip {
        color: #81868e;
        padding-top: 10px;
    }
    .btn {
        width: 80px;
        height: 40px;
        border-radius: 5px;
        background: #0147fd;
        line-height: 40px;
        text-align: center;
        color: #fff;
        cursor: pointer;
        margin-left: 15px;
    }
    textarea {
        width: 100%;
        height: 100px;
        border: #DCDFE6 1px solid;
        display: block;
        box-sizing: border-box;
        resize: none;
        border-radius: 4px;
        font-family: PingFangSC, PingFang SC;
        padding: 10px;
        font-size: 13px;
        color: #333;
    }
    ::-webkit-input-placeholder { /* WebKit browsers */
        color: #AAA;
        font-size: 13px;
        font-family: PingFangSC, PingFang SC;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #AAA;
        font-size: 13px;
        font-family: PingFangSC, PingFang SC;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #AAA;
        font-size: 13px;
        font-family: PingFangSC, PingFang SC;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #AAA;
        font-size: 13px;
        font-family: PingFangSC, PingFang SC;
    }
}
</style>